<!DOCTYPE html>
<html lang="en" id="ng-app" ng-app="tracecashModule">
<head>
<title>{{'applicationName' | translate}}</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/animations.css" rel="stylesheet">
<link href="css/flags16.css" rel="stylesheet">

<!--[if lte IE 9]>
		<script src="js/libraries/compatibility/respond.min.js"></script>
		<script src="js/libraries/compatibility/html5shiv.min.js"></script>
		<script src="js/libraries/compatibility/es5-shim.min.js"></script>
		<script src="js/libraries/compatibility/dom.elements.js"></script>
    <![endif]-->

<!--[if lte IE 8]>
		<script src="js/libraries/compatibility/excanvas.min.js"></script>
    <![endif]-->

</head>
<body ng-controller="MainCtrl" style="background-color: #FAFAFA;" ng-cloak>

	<!-- LOGO, TITLE, LANGUAGE, USER -->
	<div class="container top-10">
		<div class="panel">
			<div class="panel-heading">
				<div class="row">
					[minimal menu]
				</div>
			</div>
		</div>
	</div>

	<!-- MENU AND CONTAINER -->
	<div class="container bot-10">
		<div class="row">
		
			<div class="col-md-10 view-container">
				<div ng-view></div>
			</div>
			
			<div ng-controller="MenuCtrl" ng-init="setMenu('sinisters')" class="btn-group-vertical dropdown bot-10 col-md-2">
				<div class="btn_ btn-primary_">{{'menu' | translate}}</div>
				<a class="btn btn-default" href="#/operations" ng-class="btn-info	">
					<span class="glyphicon glyphicon-search pull-left"></span> {{'operations' | translate}}
				</a>
				<div class="btn-group">
					<button id="dropdownMenu1" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" ng-class="{'btn-info active' : getMenu() == 'declaration'}">
						<span class="glyphicon glyphicon-plus pull-left"></span> {{'declaration' | translate}} <span class="right-caret"></span>
					</button>
					<ul class="dropdown-menu rightMenu" role="menu" aria-labelledby="dropdownMenu1">
						<li><a ng-click="setMenu('declaration')" tabindex="-1" ng-click="setMenu('declaration')" href="#/search-policy">{{'directOrPole' | translate}}</span></a></li>
						<li><a ng-click="setMenu('declaration')" tabindex="-1" ng-click="setMenu('declaration')" href="#/newPolicyFront">{{'front' | translate}}</a></li>
					</ul>
				</div>
				<a class="btn btn-default" href="#/search-sinister" ng-click="setMenu('sinisters')" ng-class="{'btn-info active' : getMenu() == 'sinisters'}">
					<span class="glyphicon glyphicon-search pull-left"></span> {{'sinisters' | translate}}
				</a>
				<a class="btn btn-default" href="#/report" ng-click="setMenu('reports')" ng-class="{'btn-info active' : getMenu() == 'reports'}">
					<span class="glyphicon glyphicon glyphicon-th-large pull-left"></span> {{'reports' | translate}}
				</a>
				<a class="btn btn-default" href="#/dashboard" ng-click="setMenu('dashboard')" ng-class="{'btn-info active' : getMenu() == 'dashboard'}">
					<span class="glyphicon glyphicon glyphicon glyphicon-dashboard pull-left"></span> {{'dashboard' | translate}}
				</a>
				<div class="btn-group">
					<button id="dropdownMenu1" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" ng-class="{'btn-info active' : getMenu() == 'administration'}">
						<span class="glyphicon glyphicon-cog pull-left"></span> {{'administration' | translate}} <span class="caret"></span>
					</button>
					<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
						<li><a ng-click="setMenu('administration')" tabindex="-1" href="#/administration/agreement">{{'agreements' | translate}}</a></li>
						<li><a ng-click="setMenu('administration')" tabindex="-1" href="#/administration/warrantyType">{{'warranties' | translate}}</a></li>
						<li><a ng-click="setMenu('administration')" tabindex="-1" href="#/administration/agreementWarrantyType">{{'AgreementWarrantyType' | translate}}</a></li>
						<li class="divider"></li>
						<li><a ng-click="setMenu('administration')" tabindex="-1" href="#/administration/company">{{'companies' | translate}}</a></li>
						<li class="disabled"><a ng-click="setMenu('administration')" tabindex="-1" href="#/administration/subcompany">{{'subcompanies' | translate}}</a></li>
						<li class="disabled"><a ng-click="setMenu('administration')" tabindex="-1" href="#/administration/network">{{'networks' | translate}}</a></li>
						<li class="divider"></li>
						<li><a ng-click="setMenu('administration')" tabindex="-1" href="#/administration/mailRecipient">{{'emails' | translate}}</a></li>
					</ul>
				</div>
			</div>

		</div>
	</div>

	<!-- FOOTER -->
	<div class="container text-center margin-top-50">
		<div class="panel panel-default panel-footer">
			<div>lab.cabrera@gmail.com</div>
		</div>
	</div>

	<!-- ANGULAR LIBRARIES -->
	<script src="js/libraries/angular/angular.min.js"></script>
	<script src="js/libraries/angular/angular-route.min.js"></script>
	<script src="js/libraries/angular/angular-animate.min.js"></script>
	<script src="js/libraries/angular/ui-bootstrap.min.js"></script>
	<script src="js/libraries/angular/ui-utils.min.js"></script>
	<script src="js/libraries/angular/translate/angular-translate.min.js"></script>
	<script src="js/libraries/angular/translate/angular-translate-loader-url.min.js"></script>
	<script src="js/libraries/angular/tc-angular-chartjs.min.js"></script>

	<!-- JQUERY, BOOTSTRAP AND CHART-->
	<script src="js/libraries/jquery.min.js"></script>
	<script src="js/libraries/bootstrap.min.js"></script>
	<script src="js/libraries/chart.min.js"></script>

	<!-- SINISTER LIBRARIES -->
	<script src="js/common/config.js"></script>
	<script src="js/common/filters.js"></script>
	<script src="js/common/components.js"></script>
	<script src="js/common/global.js"></script>
	<script src="js/controllers/person-ctrl.js"></script>
	<script src="js/controllers/sinister-search-fields-ctrl.js"></script>
	<script src="js/controllers/sinister-ctrl.js"></script>
	<script src="js/controllers/general-ctrl.js"></script>
	<script src="js/controllers/payment-ctrl.js"></script>
	<script src="js/controllers/recipient-ctrl.js"></script>
	<script src="js/controllers/observation-ctrl.js"></script>
	<script src="js/controllers/required-documentation-ctrl.js"></script>
	<script src="js/controllers/search-sinister-ctrl.js"></script>
	<script src="js/controllers/search-policy-ctrl.js"></script>
	<script src="js/controllers/letters-ctrl.js"></script>
	<script src="js/controllers/administration-ctrl.js"></script>
	<script src="js/controllers/report-ctrl.js"></script>
	<script src="js/controllers/dashboard-ctrl.js"></script>
	<script src="js/controllers/actions-ctrl.js"></script>
	<script src="js/controllers/operation-ctrl.js"></script>

</body>
</html>